html,body { height:100%; padding:0; margin:0;}
.note { color:#888;}

#bd-uploader {
	position:relative;
}

/* 操作按钮 */
#buttonArea {
	background:url(images/bg1.gif);
	border-top:1px solid #F0F5FA;
	border-bottom:1px solid #99BBE8;
	height: 30px;
	position:relative;
	padding-right:50px;
}
.btn-upload, #buttonArea .up-btn{
	background:url(images/btnbgr.gif) top right no-repeat;
	display:inline-block;
	color:#006699;
	text-decoration:none;
	padding-right:3px;
	cursor:pointer;
	margin-top:4px;
	margin-right:8px;
}
.btn-upload {margin-right:0;}
.btn-upload span, #buttonArea .up-btn span{
	background:url(images/btnbg.gif) no-repeat;
	display:inline-block;
	height:17px;
	line-height:17px;
	padding:1px 6px 3px 6px;
}

.btn-upload-wrap { width:83px; line-height:25px; text-align:center; }
.mr-4 { margin-right:4px;}
#buttonArea .up-btn img, .btn-upload img { border:0;vertical-align:text-bottom;}
#buttonArea .up-btn:hover, .btn-upload:hover{background:url(images/btnbgr.gif) top right no-repeat;}
#buttonArea .up-btn:hover span, .btn-upload:hover span{background:url(images/btnbg.gif) no-repeat;}
#select-all-pic { margin: 8px; margin-top:4px\9; }
#div-get-pics {background:url(images/ok.gif) 0 50% no-repeat; padding-left:20px;}
#div-del-pics, .btn-del-img {background:url(images/icon-del.gif) 0 50% no-repeat; padding-left:20px;}
/* End 操作按钮 */

/* 进度条*/
#fsUploadProgress 
{
    position:fixed;
	left:30%;
	top:100px;
	_position:absolute;
	_top: expression(( 100 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	z-index:888;
}
.progressWrapper {
	width: 500px;
	overflow: hidden;
	margin: 0 auto;
	position:relative;
}
.upload-progress.in-page { position: fixed; top:100px; width:100%;}
.progressContainer {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	margin: 8px;
	padding: 4px;
	border: solid 1px #99BBE8;
	background: #F7F7F7 url(images/bg1.gif);
	overflow: hidden;
}
.progressName {
	font-weight: 700;
	color: #555;
	width: 323px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 9pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel, a.progressRemove {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover, a.progressRemove:hover {
	background-position: 0px 0px;
}

a.progressRemove { position:absolute; right:10px; top:10px;}

/* End 进度条*/

/* 图片列表 */
#photo-list {
	height:340px;
	padding:8px 0 8px 0;
	margin:0;
	background:#FFF;
	overflow: hidden;
	clear:both;
}
#photo-list ul{
	float:left;
	width:100%;
	height:330px;
	padding:0;
	margin:0;
	overflow: hidden;
	position:relative;
}
#photo-list li {
	float: left;
	display: inline;
	position:relative;
	width:70px;
	margin: 8px 0px 8px 10px;
	height:90px; 
	overflow: hidden;
	border:2px solid #FFF;
	text-align:center;
}
#photo-list img { cursor: pointer; border:1px solid #E6E6E6; width:68px; height:68px; }
#photo-list .pic-title { height:20px;line-height:20px; position:absolute; left:0; bottom:0; width:100%; }
#photo-list input.check-pic { position:absolute; height:14px; width:14px; padding:0; left:2px; top:2px; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
#photo-list li.checked { border-color:#FF7300;}
#photo-list li.checked .pic-title { background:url(images/checked.gif) right bottom no-repeat;}

#listTitle tr{background:url(images/bg2.gif);}
#listTitle td{padding:5px;border-top:1px solid #F0F5FA;border-left:1px solid #fff;border-right:1px solid #ccc;border-bottom:1px solid #D0D0D0;}
#listBody tr{cursor:pointer;}
#listBody .hover{background:#F0F0F0;}
#listBody .select{background:#DFE8F6;}
#listBody td{padding:5px;border-bottom:1px solid #EDEDED;}
/* 图片列表 */


#photo-paging {
	text-align:center;
	margin-top:5px;
}
#photo-paging a { display:inline; margin: 0 2px; text-decoration:underline;}
#photo-paging a.current { font-weight:bold; color:#000; text-decoration: none;}
.fl { float:left;}

.img-by-owner { float:right; display:block; padding:5px 5px 0; margin:8px 2px 0; }
.img-by-owner.current { background:#FFF;}

#no-upload-pic { padding:50px; text-align:center; font-size:14px; display:none;}
.no-pic #no-upload-pic { display:block; }

#post-photos li { display:inline-block; position: relative; margin:0 16px 8px 0 ; padding-bottom:18px; }
#post-photos img {padding:4px; background:#FFF; height:110px; width:110px; border:1px solid #E6E6E6; cursor:pointer;}
#post-photos img.checked { border: 1px solid #FF7300; background: #FFF url(images/checked.gif) right bottom no-repeat; }
#post-photos li a.icon-del { height:14px; width:14px; position:absolute; right:1px; bottom:5px; background:url(images/delete.gif) 0 50% no-repeat; cursor:pointer;}
#post-photos li a.icon-del:hover { background:url(images/delete.gif) -14px 50% no-repeat;}
#post-photos li a.icon-src { height:16px; width:16px; position:absolute; right:26px; bottom:4px; background:url(images/view.gif) 50% 50% no-repeat; cursor:pointer;}


/* POP UP window */
#pop-box-out { z-index:988; width:100%; height:100%; position:fixed; left:0; top:0; _position: absolute; _top: expression(documentElement.scrollTop + "px"); background:#333; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
#pop-box { z-index:998; font-size:12px; font:12px/1.5 tahoma,arial,\5b8b\4f53; border: 1px solid #609EC9; width: 560px; height:420px; overflow:hidden; padding:9px 8px 8px 8px; background:#D9F1F9; position: absolute; }
#pop-box .pop-box-in { height:100%; margin-left:-1px; margin-top:-1px; width:100%; background:#FFF; border:1px solid #AADDFF; overflow-y: auto;}
#pop-box .pop-main, #pop-box .pop-title { display:block; }
#pop-box .pop-title { background:#FFF url(images/bg-pop-box-title.gif) repeat-x; padding: 8px; }
#pop-box a.close { z-index:10001; position:absolute; right:10px; top:8px; height:16px; width:33px; cursor:pointer; background: url(images/btn-close-pop.png) 0 0 no-repeat;}
#pop-box a.close:hover { background-position: -33px 0;}
#pop-box a.close:active { background-position: -66px 0;}
#pop-box .pop-title { height:16px; }
#pop-main .floor-loading { height: 256px; width:100%; background:url(images/loading.gif) 50% 50% no-repeat;}

#pop-box #ajax-login { margin:5px;}
#pop-box #ajax-login p { margin: 2px; position:relative;}
#pop-box #photo-paging { color:#888;}
#pop-box #photo-paging a { color: #333;}
#pop-main p { margin: 0;}

#ajax-loading {background:url(images/loading.gif) 50% 50% no-repeat; position:absolute; left:50%; top:50; height:100px; width:100px;}

.product-ps-box li { position:relative; float:left; margin:10px 10px 8px 0; padding:5px; width:120px; text-align:center;}
.product-ps-box li img {  border:1px solid #DDD; width:110px; height:110px; background: #FFF; padding:4px; cursor:pointer; }
.product-ps-box li { float:left;  margin: 10px 10px 8px 0; width:120px; padding:5px;}
.product-ps-box li img { border:1px solid #DDD; width:110px; height:110px; background: #FFF; padding:4px; cursor:pointer; }
.product-ps-box li button { margin-top:4px;}
.product-ps-box li img.current { border: 1px solid #FF3300; }
.product-ps-box .delete { background:url(images/btn-close-pop-box.gif) 50% 50% no-repeat; width:24px; height:24px; position:absolute; right:-4px; top:-4px; cursor:pointer;}

table.xheLayout {overflow:hidden;}